<template>
  <div class="app">
    <h2>我是app</h2>
    <div class="nav">
      <router-link to="/home">首页</router-link>
      <router-link to="/about" active-class="activelink">关于我</router-link>
      <router-link to="/user/01">用户01</router-link>
      <router-link to="/user/02">用户02</router-link>
      <router-link to="/order">订单</router-link>
    </div>
    <!-- 占位 -->
    <router-view></router-view>
  </div>
</template>
<script setup>


</script>
<style scoped lang="less">
.app {

  .activelink {
    color: #f4c2e3;
    font-size: 20px;

  }

  .router-link-active {
    color: #7db6f7;
    font-size: 20px;
    text-decoration: none;
  }
}
</style>